<template>
  <div id="containerBox">
    <el-card class="box-card">
      <bread-crumb></bread-crumb>
      <div id="titleBox">公告信息</div>
      <div v-for="item in getInfos" :key="item.id">
        <h5>{{item.text}}</h5>
      </div>
    </el-card>
  </div>
</template>

<script>
import breadCrumb from "../../../Breadcrumb/index";
export default {
  name: "page1",
  components: {
    breadCrumb
  },
  data() {
    return {
      getInfos: [],
      scrollInfos: [
        {
          id: 1,
          text:
            "这是弹幕1，请及时关注信息，超出部分的文字将会隐藏，以省略号方式显示"
        },
        { id: 2, text: "这是弹幕2，请及时关注信息22" },
        { id: 3, text: "这是弹幕3，请及时关注信息" },
        { id: 4, text: "这是弹幕4，请及时关注信息" },
        { id: 5, text: "这是弹幕5，请及时关注信息" }
      ]
    };
  },
  created() {
    this.getInfos = this.$route.query.data;
    console.log(this.getInfos);
  },
  methods: {}
};
</script>
<style scoped>
</style>